function drawTable(data) {
    alert(data);
    for (var i = 0; i < data.length; i++) {
        drawRow(data[i]);
    }
}
function drawRow(rowData) {
    var row = $("<tr />")
    $("#agenda").append(row); //this will append tr element to table... keep its reference for a while since we will add cels into it
    row.append($("<td>" + rowData.id + "</td>"));
    row.append($("<td>" + rowData.hora_inicio + "</td>"));
    row.append($("<td>" + rowData.hora_fin + "</td>"));
    alert('q');
}
$(document).ready(function() {
    //al pulsar en un campo del calendario

    $("#calendario .dia").click(function() {
        var num_dia = $(this).find('.num_dia').html();
        var hoy = $(this).find('.highlight').html();
        var year = $(".year").val();
        var fecha_actual = new Date();
        if (year == '' || year < fecha_actual.getFullYear()) {
            year = fecha_actual.getFullYear();
        }

        var month = $(".month").val();
        if (month == "") {
            month = fecha_actual.getMonth() - 1;
        }
        var monthjs = $(".month").val() - 1;
        if (monthjs == -1) {
            monthjs = fecha_actual.getMonth();
        }

        var fecha = new Date(year, monthjs, num_dia);

        if (fecha > fecha_actual) {
            var mes = monthjs + 1;
//            $('#egenda cp').empty();
           $('#myModal').modal({
              show:'false' 
           });
            $('input[name="fecha"]').val(fecha.getFullYear() + "-" + mes + "-" + num_dia);
            $('input[name="fechax"]').val(fecha.getFullYear() + "-" + mes + "-" + num_dia);

        } else {
            alert('fecha de cita incorrecta');
        }
        //si es hoy podemos hacer otras cosas

    })
    $('select[name="especialidades[]"]').change(function() {
        $("#medico > option").remove();
        $.ajax({
            url: "http://localhost/clinica/index.php/cita_medica_controller/buscarMedicosByEspecialidad",
            data: {id: $(this).val()},
            type: "POST",
            success: function(data) {
                $.each(data, function(id, nombresCompletos) //here we're doing a foeach loop round each city with id as the key and city as the value
                {
                    var opt = $('<option/>'); // here we're creating a new select option with for each city
                    opt.val(id);
                    opt.text(nombresCompletos);
                    $('#medico').append(opt); //here we will append these new select options to a dropdown with the id 'cities'
                });
            }

        });
    })
});